.floatView{
    position: fixed;
    z-index: 999999;
    bottom: 90rpx;
    right: 30rpx;
    width: 133rpx;
    height: 300rpx;
    .edit{
       width: 133rpx;
       height: 133rpx; 
    }
   button::after {
      border: none;
    }

    .share{
        position: relative;
        width: 124rpx;
        height: 124rpx; 
        background: rgba(0,0,0,0);
        image{
           position: absolute;
           top: 0rpx;
           left: 0rpx;
           width: 124rpx;
           height: 124rpx; 
        }
    }
     
}
.swiper_header{
    position: relative;
    height: 500rpx;
    swiper{
        height: 500rpx;
    }
    .swiper_list{
        image{
            width: 100%;
            height: 500rpx;
            background:#f2f2f2;
        }
    }
    .icon_image{
        position: absolute;
        bottom: 30rpx ;
        left:30rpx;
        display: inline-block;
        background-color: rgba(0,0,0,0.6);
        color: #fff;
        font-size: 26rpx;
        height: 44rpx;
        padding: 0px 7rpx;
        // line-height: 44rpx;
        border-radius: 6rpx;
        image{
            width: 36rpx;
            vertical-align: middle;
            margin-right: 7rpx;
        }
        text{
            vertical-align: middle;
        }
    }
}

.header_content{
    padding: 36rpx 30rpx 40rpx 30rpx;
    .baoxian{
      margin-top: 42rpx;
      display: flex;
      font-size: 24rpx;
      position:relative;
      // text-align: center;
      .icon1{
        width: 32rpx;
        height: 32rpx;
        padding-top: 10rpx;
        line-height: 90rpx;
        position: absolute;
        left: 30rpx;
        top:19rpx;
      }
       .icon2{
        width: 32rpx;
        height: 30rpx;
        padding-top: 10rpx;
        line-height: 90rpx;
        position: absolute;
        right: 15rpx;
        top:19rpx;
      }
      view:nth-of-type(1){
        width: 690rpx;
        line-height: 90rpx;
        color: #ff5910;
        background: #fff3e3;
        position: relative;
        font-size: 24rpx;
        font-weight: bold;
       
        label{
            margin-left: 70rpx;
        }


      }
      view:nth-of-type(2){
        position: relative;
        margin-left: 20rpx;
        width: 337rpx;
        line-height: 90rpx;
        color: #22d226;
        background: #eef9e7;

      }
      text{
        font-size: 32rpx;
        float: right;
        font-weight: bold;
        margin-right: 10rpx;
      }
    }
    .title{
        font-size: 34rpx;
        line-height: 34rpx;
        color: #333;
        font-weight: bold;
    }
    .price{
        font-size: 34rpx;
        line-height: 34rpx;
        color: #ff5910;
        margin: 45rpx 0px 40rpx 0px;
    }
    .mess{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        view{
            &:nth-child(1){
                image{
                    width: 34rpx;
                    height: 28rpx;
                    margin-right: 7rpx;
                    vertical-align: middle;
                }
                text{
                    font-size: 28rpx;
                    line-height: 28rpx;
                    color: #a1a1a1;
                    vertical-align: middle;
                }
            }
             &:nth-child(2){
                font-size: 28rpx;
                line-height: 28rpx;
                color: #a1a1a1;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                justify-content: center;
            }
            &:nth-child(3){
                font-size: 28rpx;
                line-height: 28rpx;
                color: #a1a1a1;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                justify-content: center;
            }
           /* &:nth-child(3){
                width: 158rpx;
                height: 55rpx;
                line-height: 55rpx;
                border-radius: 28rpx;;
                text-align: center;
                background: -webkit-linear-gradient(left,#ff6a10, #ff9d03); 
                background: -o-linear-gradient(right,#ff6a10, #ff9d03); 
                background: -moz-linear-gradient(right,#ff6a10, #ff9d03);
                background: linear-gradient(right,#ff6a10, #ff9d03); 
                image{
                    width: 32rpx;
                    vertical-align: middle;
                    margin-right: 10rpx;
                }
                text{
                    font-size: 28rpx;
                    line-height: 28rpx;
                    color: #fff;
                }
            }*/
        }
    }
}
.basic_info{
    .tabbar{
        height: 90rpx;
        line-height: 90rpx;
        padding: 0px 30rpx;
        border-bottom: 2rpx solid #e8e8e8;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        text{
            font-size: 26rpx;
            color: #a1a1a1;
            &:nth-child(1){
                font-size: 34rpx;
                color: #333;
                 font-weight: bold;
            }
        }
    }
    .device_mess{
       
        padding: 50rpx 0px;
        .mess_item{
            float: left;
            width: calc(100%/3);
            text-align: center;
            &:nth-child(3){
                .mess_tpye{
                    border: 0px;
                }
            }
            .mess_tpye{
                border-right: 2rpx solid #e8e8e8;
                view{
                    &:nth-child(1){
                        font-size: 28rpx;
                        line-height: 28rpx;
                        color: #999;
                        margin-bottom: 20rpx;

                    }
                    &:nth-child(2){
                        font-size: 30rpx;
                        line-height: 30rpx;
                        color: #333;
                    }
                }
            } 
        }
    }
}
.detail_desc{
    .tabbar{
        font-size: 34rpx;
        color: #333;
        height: 90rpx;
        line-height: 90rpx;
        padding-left: 30rpx;
        border-bottom: 2rpx solid #e8e8e8;
    }
    .desc_info{
        padding: 30rpx;
        line-height: 0px;
        text{
            font-size: 30rpx;
            line-height: 40rpx;
            color: #333;
            margin-bottom: 30rpx;
        }
        
        image{
            width: 100%;
            height: 200rpx;
            background:#f2f2f2;
            margin-bottom: 30rpx;
        }
    }
}
.fixed_height{
    height: 188rpx;
}
.fixed_bottom{
    position: fixed;
    background-color: #fff;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 94rpx;
    line-height: 94rpx;
    display: flex; 
    display: -webkit-flex;
    justify-content: space-between;
    .checkOut{
                position: absolute;
                top: 0rpx;
                left: 0rpx;
                font-size:24rpx;
                font-family:PingFang SC;
                font-weight:400;
                color:rgba(255,255,255,1);
            }
    view{
        &:nth-child(1){
            width: 40%;
            padding: 0px 30rpx;
            // position: relative;

            image{
                
                vertical-align: middle;
                &:nth-child(1){
                    width: 72rpx;
                    height: 72rpx;
                    border-radius: 50%;
                   margin-right: 15rpx;
                }
                &:nth-child(3){
                    width: 67rpx;
                    height: 26rpx;
                    margin-left: 15rpx;
                }
            }
            text{
                font-size: 30rpx;
                color: #333;
                vertical-align: middle;
            }
        }
        &:nth-child(2){
            width: 60%;
            text-align: center;
            background: -webkit-linear-gradient(left,#ff6a10, #ff9d03); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right,#ff6a10, #ff9d03); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right,#ff6a10, #ff9d03); /* Firefox 3.6 - 15 */
            background: linear-gradient(right,#ff6a10, #ff9d03); /* 标准的语法 */
            image{
                width: 42rpx;
                vertical-align: middle;
                margin-right: 19rpx;
            }
            text{
                font-size: 34rpx;
                color: #fff;
                vertical-align: middle;
            }
        }
    }
}
.fixed_bottom1{
    position: fixed;
    bottom: 40px;
    left: 0px;
    right: 0px;
    z-index: 100;
    background-color: #fff;
    height: 93rpx;
    width: 100%;
    line-height: 93rpx;
    text-align: center;

 // border-top:1rpx solid #f2f2f2;
    .checkOut{
        width: 290rpx;
        height: 77rpx;
        position: absolute;
        left: 30rpx;
        top: 0;
        animation-delay:50000;
        animation:mymove 5s 1;
        animation-fill-mode: forwards;
        image{
           width: 290rpx;
           height: 77rpx; 
        }
        label{
            position: absolute;
            top: 0rpx;
            left:0rpx;
            font-size:24rpx;
            font-family:PingFang SC;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height: 54rpx;
            width: 290rpx;
            text-align: center;
        }
    }
    @keyframes mymove
        {
        0% {opacity:1;width: 290rpx;
            height: 77rpx;}
        99% {opacity:1;width: 290rpx;
            height: 77rpx;}
        100% {opacity:0;width: 0rpx;
              height: 0rpx;}
        }

    .msg{
        text-align: center;
       
            // padding-left: 167rpx;
            image{
                width: 30rpx;
                vertical-align: middle;
                margin-right: 12rpx;
            }
            text{
                vertical-align: middle;
                font-size: 27rpx;
                color: #ff9d10;
            }
        
    
    }
}
